@import "../../styles/mixin";
//
.k-actionsheet {
  min-height: 100rpx;
  background-color: @background-base-color;
  border-top-left-radius: 40rpx;
  border-top-right-radius: 40rpx;
  .tips {
    .font-setting(27rpx, 400, @text-light-color);
    padding: 40rpx 60rpx;
    border-radius: inherit;
    .center-middle-flex;
    background: @background-init-color;
  }
  &-content {
    text-align: center;
    &-img {
      margin-top: 18rpx;
      background: @background-init-color;
      > image {
        animation: zoomIn 0.5s ease-in-out 1;
      }
    }
  }
  &-box {
    button:last-child {
      margin-top: 18rpx;
    }
  }
  &-inline {
    width: 100%;
    display: flex;
    flex-direction: row-reverse; //倒序
    button {
      margin-top: 18rpx;
      border-radius: 0;
      &:first-child {
        border-left: 1rpx solid rgba(@dark-color, 0.1);
      }
    }
  }
  &-line {
    border: 3rpx solid @background-base-color;
  }
  &-btn {
    .size(100%, 120rpx);
    position: relative;
    background: @background-init-color;
    .center-middle-flex;
    .font-setting(36rpx, @color: @title-color);
    &-last {
      padding-bottom: env(safe-area-inset-bottom);
    }
  }
  &-divider {
    &::before {
      content: "";
      width: 100%;
      border-top: 1rpx solid rgba(@dark-color, 0.12);
      .custom-position(absolute, @top:0, @left:0);
    }
  }
  &-cancel {
    color: @text-weight-color;
    padding-bottom: env(safe-area-inset-bottom);
  }
}
